<style type="text/css">
body{
<volist name="styles.body" id="style" >
    {$key}:{$style};
</volist>	
}

body,body > section > article, body > section > [data-control="pull"],body > section > article.splash, body > section > [data-control="pull"].splash{
    <volist name="styles.global" id="style" >
    {$key}:{$style};
    </volist>
    background-size:100% 100%;  
}
body > aside,aside .list li, aside .list li a
{
    <volist name="styles.aside" id="style" >
    {$key}:{$style};
    </volist>
}
nav[data-control=menu],nav[data-control=menu].icons > a, nav[data-control=menu].icons > a > abbr{
<volist name="styles.menu" id="style" >
{$key}:{$style};
</volist>
}


body > section > nav[data-control=groupbar], body > section > footer
{
<volist name="styles.nav" id="style" >
{$key}:{$style};
</volist>
}
section > footer > nav > a{
    <volist name="styles.nav" id="style" >
    {$key}:{$style};
    </volist>
}

body > section > header{
<volist name="styles.title" id="style" >
{$key}:{$style};
</volist>   
}


</style>